<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>在售商品分类【品牌 正品 低价】_开课吧</title>
    <!-- 重置样式表 -->
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <!-- 全局 header/footer -->
    <link rel="stylesheet" type="text/css" href="css/goods_search/header&footer.css"/>
    <!-- 商品列表の样式 -->
    <link rel="stylesheet" type="text/css" href="css/goods_search/style.css"/>
</head>

<body>
<div id="app">
    <div class="header">
        <div class="top_nav">
            <div class="container clearfix">
                <!-- 城市定位 -->
                <div class="location relative">
                    <a href="javascript:;" class="show_city">
                        <div class="city vertical-mid">北京市</div>
                        <div class="arrow vertical-mid"></div>
                    </a>
                    <div class="city_select">
                        <div class="title clearfix">
                            <span class="text">请选择你所在的收货地区</span>
                            <a href="javascript:;" class="fr del"><b>×</b></a>
                        </div>
                    </div>
                </div>
                <!-- 顶部导航 -->
                <ul class="list fr">
                    <li class="login relative">
                        <div class="title">
                            <a href="login.html" class="user_title">请登录</a>
                        </div>
                        <div class="login_box">
                            <div class="inf clearfix">
                                <i class="fl icon_header icon_header_user vertical-mid"></i>
                                <a href="login.html">您好！[请登录]</a>
                            </div>
                            <div class="link">
                                <a href="collection.html">我的收藏</a>
                                <a href="user_order.html">我的订单</a>
                                <a href="user.html">零钱</a>
                                <a href="user.html">我的优惠券</a>
                                <a href="user.html">我的唯品币</a>
                                <a href="user.html">唯品金融</a>
                            </div>
                        </div>
                    </li>
                    <li class="register">
                        <div class="title">
                            <a href="register.html">注册</a>
                        </div>
                    </li>
                    <li class="signIn">
                        <div class="title">
                            <a href="javascript:;">
                                <img src="./img/index/header_gift.gif" class="vertical-mid">
                                <span class="vertical-mid">签到有礼</span>
                            </a>
                        </div>
                    </li>
                    <li class="myOrder">
                        <div class="title">
                            <a href="user_order.html">我的订单</a>
                        </div>
                    </li>
                    <li class="specialSale relative pull_down">
                        <div class="title">
                            <a href="collection.html">
                                <span class="vertical-mid">我的特卖</span>
                                <i class="arrow vertical-mid"></i>
                            </a>
                        </div>
                        <div class="box">
                            <a href="collection.html">商品收藏</a>
                            <a href="collection.html">品牌收藏</a>
                            <a href="collection.html">我的足迹</a>
                        </div>
                    </li>
                    <li class="member relative pull_down">
                        <div class="title">
                            <a href="user.html">
                                <span class="vertical-mid">会员俱乐部</span>
                                <i class="arrow vertical-mid"></i>
                            </a>
                        </div>
                        <div class="box">
                            <a href="user.html">俱乐部首页</a>
                            <a href="user.html">唯品币兑换</a>
                        </div>
                    </li>
                    <li class="service relative pull_down">
                        <div class="title">
                            <a href="user.html">
                                <span class="vertical-mid">客户服务</span>
                                <i class="arrow vertical-mid"></i>
                            </a>
                        </div>
                        <div class="box">
                            <a href="user.html">联系客服</a>
                            <a href="user.html">帮助中心</a>
                            <a href="user.html">服务中心</a>
                            <a href="user.html">知识产权投诉</a>
                        </div>
                    </li>
                    <li class="mobileCode relative">
                        <div class="title">
                            <a href="javascript:;">
                                <i class="icon_header icon_header_mobileCode vertical-mid"></i>
                                <span class="vertical-mid">手机版</span>
                            </a>
                        </div>
                        <div class="box">
                            <img src="./img/index/code.jpg">
                            <a href="#" class="text">随时逛，及时抢</a>
                        </div>
                    </li>
                    <li class="more relative">
                        <div class="title">
                            <a href="javascript:;">
                                <span class="vertical-mid">更多</span>
                                <i class="arrow vertical-mid"></i>
                            </a>
                        </div>
                        <div class="box">
                            <div class="cooperation">
                                <span>合作专区</span>
                                <a href="user.html">唯品卡</a>
                            </div>
                            <div class="about_us">
                                <span>关于我们</span>
                                <a href="user.html">Sell on vip</a>
                                <a href="user.html">品牌招商</a>
                                <a href="user.html">官方博客</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- LOGO 标语 搜索框 购物车 -->
        <div class="top_content">
            <div class="container clearfix">
                <div class="logo fl">
                    <a href="index.html"><img src="./img/index/header_logo.gif"></a>
                </div>
                <div class="slogan fl">
                    <a href="user.html"><i class="icon_header icon_header_slogan1"></i></a>
                    <a href="user.html"><i class="icon_header icon_header_slogan2"></i></a>
                    <a href="user.html"><i class="icon_header icon_header_slogan3"></i></a>
                </div>
                <div class="search fl relative">
                    <div class="input_box relative">
                        <input type="text" name="keyword" class="input" id="input" value="" placeholder="快抢商品"/>
                        <a href="goods_search.html" class="search_btn"><img src="./img/index/search_btn.png"></a>
                    </div>
                    <ul class="hot_keyword">
                        <li><a href="goods_search.html">护肤套装</a></li>
                        <li><a href="goods_search.html">手机</a></li>
                        <li><a href="goods_search.html">欧莱雅Loreal</a></li>
                        <li><a href="goods_search.html">面部精华</a></li>
                        <li><a href="goods_search.html">面膜</a></li>
                        <li><a href="goods_search.html">爽肤水</a></li>
                    </ul>
                    <div class="pullDown clearfix">
                        <div class="history fl">搜索历史</div>
                        <div class="recommend fl">
                            <span class="title">精选推荐</span>
                            <a href="goods_search.html">护肤套装</a>
                            <a href="goods_search.html">手机</a>
                            <a href="goods_search.html">欧莱雅Loreal</a>
                            <a href="goods_search.html">面部精华</a>
                            <a href="goods_search.html">面膜</a>
                            <a href="goods_search.html">女式外套</a>
                            <a href="goods_search.html">女式衬衫</a>
                            <a href="goods_search.html">爽肤水</a>
                            <a href="goods_search.html">周生生</a>
                            <a href="goods_search.html">女羽绒服</a>
                        </div>
                    </div>
                </div>
                <div class="shoppingCart fl relative">
                    <a href="shopping_cart.html" class="title">
                        <i class="icon_header icon_header_shoppingCart vertical-mid"></i>
                        <span class="text vertical-mid">购物袋</span>
                        <span class="number vertical-mid">0</span>
                    </a>
                    <div class="box">
                        <span>好像还未登录！<a href="login.html" class="link">马上登录</a> 查看购物袋吧！</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 大导航 -->
        <div class="nav_parent">
            <div class="nav">
                <div class="nav_con">
                    <div class="vertical_nav relative">
                        <div class="all_classify">
                            <img class="vertical-mid" src="./img/index/all_classify.png">
                            <span class="title vertical-mid">全部分类</span>
                        </div>
                        <ul class="channel_list">
                            <li class="relative">
                                <div class="channel">女装/男装/内衣</div>
                                <div class="list clearfix">
                                    <div class="tags  fl">
                                        <!-- 横向 -->
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">冬季热卖<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                                <a href="goods_search.html" class="tag">羽绒服</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">套装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">人气美衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">针织外套</a>
                                                <a href="goods_search.html" class="tag">针织衫</a>
                                                <a href="goods_search.html" class="tag">羽绒</a>
                                                <a href="goods_search.html" class="tag">毛呢大衣</a>
                                                <a href="goods_search.html" class="tag">妈·妈装</a>
                                                <a href="goods_search.html" class="tag">外套</a>
                                                <a href="goods_search.html" class="tag">风衣</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">长袖T恤</a>
                                                <a href="goods_search.html" class="tag">棉衣</a>
                                                <a href="goods_search.html" class="tag">短裤</a>
                                                <a href="goods_search.html" class="tag">防晒衣</a>
                                                <a href="goods_search.html" class="tag">打底裤</a>
                                                <a href="goods_search.html" class="tag">大码女装</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">百搭上衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">衬衫</a>
                                                <a href="goods_search.html" class="tag">羊绒/羊毛衫</a>
                                                <a href="goods_search.html" class="tag">针织衫</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">套装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">外套<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">短外套</a>
                                                <a href="goods_search.html" class="tag">毛呢外套</a>
                                                <a href="goods_search.html" class="tag">马甲</a>
                                                <a href="goods_search.html" class="tag">西装外套</a>
                                                <a href="goods_search.html" class="tag">棉衣</a>
                                                <a href="goods_search.html" class="tag">羽绒服</a>
                                                <a href="goods_search.html" class="tag">针织外套</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">风衣</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">牛仔外套</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">裤子<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">阔腿裤</a>
                                                <a href="goods_search.html" class="tag">哈伦裤</a>
                                                <a href="goods_search.html" class="tag">西装裤</a>
                                                <a href="goods_search.html" class="tag">连体/背带裤 </a>
                                                <a href="goods_search.html" class="tag">羽绒裤</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">打底裤</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">短裤</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">美裙衣橱<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">修身美裙</a>
                                                <a href="goods_search.html" class="tag">半身裙</a>
                                                <a href="goods_search.html" class="tag">套装裙</a>
                                                <a href="goods_search.html" class="tag">白色连衣裙</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">特色服饰<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">民族风</a>
                                                <a href="goods_search.html" class="tag">商场同款</a>
                                                <a href="goods_search.html" class="tag">中/老年女装</a>
                                                <a href="goods_search.html" class="tag">礼服/旗袍 </a>
                                                <a href="goods_search.html" class="tag">大码女装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男式内搭<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">纯色T恤</a>
                                                <a href="goods_search.html" class="tag">印花T恤</a>
                                                <a href="goods_search.html" class="tag">Polo衫</a>
                                                <a href="goods_search.html" class="tag">长袖衬衫</a>
                                                <a href="goods_search.html" class="tag">套头卫衣</a>
                                                <a href="goods_search.html" class="tag">短袖T恤</a>
                                                <a href="goods_search.html" class="tag">纯色衬衫</a>
                                                <a href="goods_search.html" class="tag">连帽卫衣</a>
                                                <a href="goods_search.html" class="tag">格子衬衫</a>
                                                <a href="goods_search.html" class="tag">T恤衬衫</a>
                                                <a href="goods_search.html" class="tag">条纹T恤 </a>
                                                <a href="goods_search.html" class="tag">加绒卫衣</a>
                                                <a href="goods_search.html" class="tag">保暖衬衫</a>
                                                <a href="goods_search.html" class="tag">短袖衬衫</a>
                                                <a href="goods_search.html" class="tag">薄衬衫</a>
                                                <a href="goods_search.html" class="tag">V领T恤</a>
                                                <a href="goods_search.html" class="tag">羊绒/羊毛衫</a>
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男式外套<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">长款羽绒</a>
                                                <a href="goods_search.html" class="tag">厚羽绒</a>
                                                <a href="goods_search.html" class="tag">夹克外套</a>
                                                <a href="goods_search.html" class="tag">皮衣</a>
                                                <a href="goods_search.html" class="tag">西装</a>
                                                <a href="goods_search.html" class="tag">马甲/背心</a>
                                                <a href="goods_search.html" class="tag">夹克</a>
                                                <a href="goods_search.html" class="tag">短款外套</a>
                                                <a href="goods_search.html" class="tag">薄羽绒</a>
                                                <a href="goods_search.html" class="tag">短款羽绒</a>
                                                <a href="goods_search.html" class="tag">厚外套</a>
                                                <a href="goods_search.html" class="tag">中长款外套</a>
                                                <a href="goods_search.html" class="tag">薄外套</a>
                                                <a href="goods_search.html" class="tag">皮肤衣</a>
                                                <a href="goods_search.html" class="tag">老人马甲</a>
                                                <a href="goods_search.html" class="tag">牛仔外套</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男士裤装<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">短裤</a>
                                                <a href="goods_search.html" class="tag">运动裤</a>
                                                <a href="goods_search.html" class="tag">西裤</a>
                                                <a href="goods_search.html" class="tag">牛仔短裤</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">哈伦裤</a>
                                                <a href="goods_search.html" class="tag">夏季裤装</a>
                                                <a href="goods_search.html" class="tag">工装裤</a>
                                                <a href="goods_search.html" class="tag">亚麻裤</a>
                                                <a href="goods_search.html" class="tag">冬季裤装</a>
                                                <a href="goods_search.html" class="tag">加绒裤</a>
                                                <a href="goods_search.html" class="tag">小脚裤</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">九分裤</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">特色男装<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">中老年</a>
                                                <a href="goods_search.html" class="tag">职场精英</a>
                                                <a href="goods_search.html" class="tag">大码</a>
                                                <a href="goods_search.html" class="tag">运动着装</a>
                                                <a href="goods_search.html" class="tag">街头潮流</a>
                                                <a href="goods_search.html" class="tag">时尚休闲</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">热销内衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">男士保暖</a>
                                                <a href="goods_search.html" class="tag">男士睡衣</a>
                                                <a href="goods_search.html" class="tag">女士睡衣</a>
                                                <a href="goods_search.html" class="tag">女士保暖</a>
                                                <a href="goods_search.html" class="tag">男士内裤</a>
                                                <a href="goods_search.html" class="tag">热卖文胸</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="brands fl">
                                        <div class="title">品牌推荐</div>
                                        <div class="brand_box clearfix">
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_01.png">
                                                <span class="name vertical-mid">恩裳</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_02.png">
                                                <span class="name vertical-mid">音儿</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_03.png">
                                                <span class="name vertical-mid">波司登</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_04.png">
                                                <span class="name vertical-mid">诗篇</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_05.png">
                                                <span class="name vertical-mid">哥弟</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_06.png">
                                                <span class="name vertical-mid">罗蒙</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_07.png">
                                                <span class="name vertical-mid">富铤</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_08.png">
                                                <span class="name vertical-mid">米皇</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_09.png">
                                                <span class="name vertical-mid">帕罗</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="channel">女鞋/男鞋/箱包</div>
                                <div class="list clearfix">
                                    <div class="tags  fl">
                                        <!-- 横向 -->
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女单鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">高跟鞋</a>
                                                <a href="goods_search.html" class="tag">尖头鞋</a>
                                                <a href="goods_search.html" class="tag">平底鞋</a>
                                                <a href="goods_search.html" class="tag">深口单鞋</a>
                                                <a href="goods_search.html" class="tag">粗跟鞋</a>
                                                <a href="goods_search.html" class="tag">穆勒鞋</a>
                                                <a href="goods_search.html" class="tag">浅口单鞋</a>
                                                <a href="goods_search.html" class="tag">低跟鞋</a>
                                                <a href="goods_search.html" class="tag">厚底鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女休闲鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">内增高</a>
                                                <a href="goods_search.html" class="tag">帆布鞋</a>
                                                <a href="goods_search.html" class="tag">运动鞋</a>
                                                <a href="goods_search.html" class="tag">板鞋</a>
                                                <a href="goods_search.html" class="tag">小白鞋</a>
                                                <a href="goods_search.html" class="tag">乐福鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女凉鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">一字带凉鞋</a>
                                                <a href="goods_search.html" class="tag">平底凉鞋</a>
                                                <a href="goods_search.html" class="tag">凉拖</a>
                                                <a href="goods_search.html" class="tag">绑带凉鞋</a>
                                                <a href="goods_search.html" class="tag">粗跟凉鞋</a>
                                                <a href="goods_search.html" class="tag">鱼嘴鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男休闲鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">帆布鞋</a>
                                                <a href="goods_search.html" class="tag">豆豆鞋</a>
                                                <a href="goods_search.html" class="tag">一脚蹬</a>
                                                <a href="goods_search.html" class="tag">小白鞋</a>
                                                <a href="goods_search.html" class="tag">乐福鞋</a>
                                                <a href="goods_search.html" class="tag">休闲皮鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男商务鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">套脚商务鞋</a>
                                                <a href="goods_search.html" class="tag">德比鞋</a>
                                                <a href="goods_search.html" class="tag">休闲皮鞋</a>
                                                <a href="goods_search.html" class="tag">冲孔鞋</a>
                                                <a href="goods_search.html" class="tag">英伦鞋</a>
                                                <a href="goods_search.html" class="tag">布洛克鞋</a>
                                                <a href="goods_search.html" class="tag">增高鞋</a>
                                                <a href="goods_search.html" class="tag">正装鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男凉鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">凉鞋</a>
                                                <a href="goods_search.html" class="tag">沙滩鞋</a>
                                                <a href="goods_search.html" class="tag">凉拖</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女包<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">双肩包</a>
                                                <a href="goods_search.html" class="tag">单肩包</a>
                                                <a href="goods_search.html" class="tag">真皮包</a>
                                                <a href="goods_search.html" class="tag">手提包</a>
                                                <a href="goods_search.html" class="tag">小方包</a>
                                                <a href="goods_search.html" class="tag">手拿包</a>
                                                <a href="goods_search.html" class="tag">斜挎包</a>
                                                <a href="goods_search.html" class="tag">实用大包</a>
                                                <a href="goods_search.html" class="tag">轻便布包</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男包<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">男式钱包</a>
                                                <a href="goods_search.html" class="tag">单肩/斜挎包</a>
                                                <a href="goods_search.html" class="tag">手拿包</a>
                                                <a href="goods_search.html" class="tag">腰包</a>
                                                <a href="goods_search.html" class="tag">双肩包</a>
                                                <a href="goods_search.html" class="tag">商务公文包</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">功能箱包<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">硬壳箱</a>
                                                <a href="goods_search.html" class="tag">登机箱</a>
                                                <a href="goods_search.html" class="tag">钥匙包</a>
                                                <a href="goods_search.html" class="tag">电脑包</a>
                                                <a href="goods_search.html" class="tag">旅行包</a>
                                                <a href="goods_search.html" class="tag">男/女皮带</a>
                                                <a href="goods_search.html" class="tag">运动包</a>
                                                <a href="goods_search.html" class="tag">拉杆箱</a>
                                                <a href="goods_search.html" class="tag">零钱包</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="brands fl">
                                        <div class="title">品牌推荐</div>
                                        <div class="brand_box clearfix">
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_01.png">
                                                <span class="name vertical-mid">沙驰</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_02.png">
                                                <span class="name vertical-mid">百丽</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_03.png">
                                                <span class="name vertical-mid">金利来</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_04.png">
                                                <span class="name vertical-mid">COACH</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_05.png">
                                                <span class="name vertical-mid">骆驼</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_06.png">
                                                <span class="name vertical-mid">他她</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_07.png">
                                                <span class="name vertical-mid">天意美</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_08.png">
                                                <span class="name vertical-mid">百思图</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_09.png">
                                                <span class="name vertical-mid">卡帝乐鳄鱼</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="channel">护肤彩妆/个护</div>
                                <div class="list clearfix">
                                    <div class="tags  fl">
                                        <!-- 横向 -->
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">冬季热卖<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                                <a href="goods_search.html" class="tag">羽绒服</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">套装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">人气美衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">针织外套</a>
                                                <a href="goods_search.html" class="tag">针织衫</a>
                                                <a href="goods_search.html" class="tag">羽绒</a>
                                                <a href="goods_search.html" class="tag">毛呢大衣</a>
                                                <a href="goods_search.html" class="tag">妈·妈装</a>
                                                <a href="goods_search.html" class="tag">外套</a>
                                                <a href="goods_search.html" class="tag">风衣</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">长袖T恤</a>
                                                <a href="goods_search.html" class="tag">棉衣</a>
                                                <a href="goods_search.html" class="tag">短裤</a>
                                                <a href="goods_search.html" class="tag">防晒衣</a>
                                                <a href="goods_search.html" class="tag">打底裤</a>
                                                <a href="goods_search.html" class="tag">大码女装</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">百搭上衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">衬衫</a>
                                                <a href="goods_search.html" class="tag">羊绒/羊毛衫</a>
                                                <a href="goods_search.html" class="tag">针织衫</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">套装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">外套<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">短外套</a>
                                                <a href="goods_search.html" class="tag">毛呢外套</a>
                                                <a href="goods_search.html" class="tag">马甲</a>
                                                <a href="goods_search.html" class="tag">西装外套</a>
                                                <a href="goods_search.html" class="tag">棉衣</a>
                                                <a href="goods_search.html" class="tag">羽绒服</a>
                                                <a href="goods_search.html" class="tag">针织外套</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">风衣</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">牛仔外套</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">裤子<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">阔腿裤</a>
                                                <a href="goods_search.html" class="tag">哈伦裤</a>
                                                <a href="goods_search.html" class="tag">西装裤</a>
                                                <a href="goods_search.html" class="tag">连体/背带裤 </a>
                                                <a href="goods_search.html" class="tag">羽绒裤</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">打底裤</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">短裤</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">美裙衣橱<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">修身美裙</a>
                                                <a href="goods_search.html" class="tag">半身裙</a>
                                                <a href="goods_search.html" class="tag">套装裙</a>
                                                <a href="goods_search.html" class="tag">白色连衣裙</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">特色服饰<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">民族风</a>
                                                <a href="goods_search.html" class="tag">商场同款</a>
                                                <a href="goods_search.html" class="tag">中/老年女装</a>
                                                <a href="goods_search.html" class="tag">礼服/旗袍 </a>
                                                <a href="goods_search.html" class="tag">大码女装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男式内搭<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">纯色T恤</a>
                                                <a href="goods_search.html" class="tag">印花T恤</a>
                                                <a href="goods_search.html" class="tag">Polo衫</a>
                                                <a href="goods_search.html" class="tag">长袖衬衫</a>
                                                <a href="goods_search.html" class="tag">套头卫衣</a>
                                                <a href="goods_search.html" class="tag">短袖T恤</a>
                                                <a href="goods_search.html" class="tag">纯色衬衫</a>
                                                <a href="goods_search.html" class="tag">连帽卫衣</a>
                                                <a href="goods_search.html" class="tag">格子衬衫</a>
                                                <a href="goods_search.html" class="tag">T恤衬衫</a>
                                                <a href="goods_search.html" class="tag">条纹T恤 </a>
                                                <a href="goods_search.html" class="tag">加绒卫衣</a>
                                                <a href="goods_search.html" class="tag">保暖衬衫</a>
                                                <a href="goods_search.html" class="tag">短袖衬衫</a>
                                                <a href="goods_search.html" class="tag">薄衬衫</a>
                                                <a href="goods_search.html" class="tag">V领T恤</a>
                                                <a href="goods_search.html" class="tag">羊绒/羊毛衫</a>
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男式外套<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">长款羽绒</a>
                                                <a href="goods_search.html" class="tag">厚羽绒</a>
                                                <a href="goods_search.html" class="tag">夹克外套</a>
                                                <a href="goods_search.html" class="tag">皮衣</a>
                                                <a href="goods_search.html" class="tag">西装</a>
                                                <a href="goods_search.html" class="tag">马甲/背心</a>
                                                <a href="goods_search.html" class="tag">夹克</a>
                                                <a href="goods_search.html" class="tag">短款外套</a>
                                                <a href="goods_search.html" class="tag">薄羽绒</a>
                                                <a href="goods_search.html" class="tag">短款羽绒</a>
                                                <a href="goods_search.html" class="tag">厚外套</a>
                                                <a href="goods_search.html" class="tag">中长款外套</a>
                                                <a href="goods_search.html" class="tag">薄外套</a>
                                                <a href="goods_search.html" class="tag">皮肤衣</a>
                                                <a href="goods_search.html" class="tag">老人马甲</a>
                                                <a href="goods_search.html" class="tag">牛仔外套</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男士裤装<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">短裤</a>
                                                <a href="goods_search.html" class="tag">运动裤</a>
                                                <a href="goods_search.html" class="tag">西裤</a>
                                                <a href="goods_search.html" class="tag">牛仔短裤</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">哈伦裤</a>
                                                <a href="goods_search.html" class="tag">夏季裤装</a>
                                                <a href="goods_search.html" class="tag">工装裤</a>
                                                <a href="goods_search.html" class="tag">亚麻裤</a>
                                                <a href="goods_search.html" class="tag">冬季裤装</a>
                                                <a href="goods_search.html" class="tag">加绒裤</a>
                                                <a href="goods_search.html" class="tag">小脚裤</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">九分裤</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">特色男装<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">中老年</a>
                                                <a href="goods_search.html" class="tag">职场精英</a>
                                                <a href="goods_search.html" class="tag">大码</a>
                                                <a href="goods_search.html" class="tag">运动着装</a>
                                                <a href="goods_search.html" class="tag">街头潮流</a>
                                                <a href="goods_search.html" class="tag">时尚休闲</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">热销内衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">男士保暖</a>
                                                <a href="goods_search.html" class="tag">男士睡衣</a>
                                                <a href="goods_search.html" class="tag">女士睡衣</a>
                                                <a href="goods_search.html" class="tag">女士保暖</a>
                                                <a href="goods_search.html" class="tag">男士内裤</a>
                                                <a href="goods_search.html" class="tag">热卖文胸</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="brands fl">
                                        <div class="title">品牌推荐</div>
                                        <div class="brand_box clearfix">
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_01.png">
                                                <span class="name vertical-mid">恩裳</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_02.png">
                                                <span class="name vertical-mid">音儿</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_03.png">
                                                <span class="name vertical-mid">波司登</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_04.png">
                                                <span class="name vertical-mid">诗篇</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_05.png">
                                                <span class="name vertical-mid">哥弟</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_06.png">
                                                <span class="name vertical-mid">罗蒙</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_07.png">
                                                <span class="name vertical-mid">富铤</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_08.png">
                                                <span class="name vertical-mid">米皇</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_09.png">
                                                <span class="name vertical-mid">帕罗</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="channel">运动户外</div>
                                <div class="list clearfix">
                                    <div class="tags  fl">
                                        <!-- 横向 -->
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女单鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">高跟鞋</a>
                                                <a href="goods_search.html" class="tag">尖头鞋</a>
                                                <a href="goods_search.html" class="tag">平底鞋</a>
                                                <a href="goods_search.html" class="tag">深口单鞋</a>
                                                <a href="goods_search.html" class="tag">粗跟鞋</a>
                                                <a href="goods_search.html" class="tag">穆勒鞋</a>
                                                <a href="goods_search.html" class="tag">浅口单鞋</a>
                                                <a href="goods_search.html" class="tag">低跟鞋</a>
                                                <a href="goods_search.html" class="tag">厚底鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女休闲鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">内增高</a>
                                                <a href="goods_search.html" class="tag">帆布鞋</a>
                                                <a href="goods_search.html" class="tag">运动鞋</a>
                                                <a href="goods_search.html" class="tag">板鞋</a>
                                                <a href="goods_search.html" class="tag">小白鞋</a>
                                                <a href="goods_search.html" class="tag">乐福鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女凉鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">一字带凉鞋</a>
                                                <a href="goods_search.html" class="tag">平底凉鞋</a>
                                                <a href="goods_search.html" class="tag">凉拖</a>
                                                <a href="goods_search.html" class="tag">绑带凉鞋</a>
                                                <a href="goods_search.html" class="tag">粗跟凉鞋</a>
                                                <a href="goods_search.html" class="tag">鱼嘴鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男休闲鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">帆布鞋</a>
                                                <a href="goods_search.html" class="tag">豆豆鞋</a>
                                                <a href="goods_search.html" class="tag">一脚蹬</a>
                                                <a href="goods_search.html" class="tag">小白鞋</a>
                                                <a href="goods_search.html" class="tag">乐福鞋</a>
                                                <a href="goods_search.html" class="tag">休闲皮鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男商务鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">套脚商务鞋</a>
                                                <a href="goods_search.html" class="tag">德比鞋</a>
                                                <a href="goods_search.html" class="tag">休闲皮鞋</a>
                                                <a href="goods_search.html" class="tag">冲孔鞋</a>
                                                <a href="goods_search.html" class="tag">英伦鞋</a>
                                                <a href="goods_search.html" class="tag">布洛克鞋</a>
                                                <a href="goods_search.html" class="tag">增高鞋</a>
                                                <a href="goods_search.html" class="tag">正装鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男凉鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">凉鞋</a>
                                                <a href="goods_search.html" class="tag">沙滩鞋</a>
                                                <a href="goods_search.html" class="tag">凉拖</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女包<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">双肩包</a>
                                                <a href="goods_search.html" class="tag">单肩包</a>
                                                <a href="goods_search.html" class="tag">真皮包</a>
                                                <a href="goods_search.html" class="tag">手提包</a>
                                                <a href="goods_search.html" class="tag">小方包</a>
                                                <a href="goods_search.html" class="tag">手拿包</a>
                                                <a href="goods_search.html" class="tag">斜挎包</a>
                                                <a href="goods_search.html" class="tag">实用大包</a>
                                                <a href="goods_search.html" class="tag">轻便布包</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男包<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">男式钱包</a>
                                                <a href="goods_search.html" class="tag">单肩/斜挎包</a>
                                                <a href="goods_search.html" class="tag">手拿包</a>
                                                <a href="goods_search.html" class="tag">腰包</a>
                                                <a href="goods_search.html" class="tag">双肩包</a>
                                                <a href="goods_search.html" class="tag">商务公文包</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">功能箱包<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">硬壳箱</a>
                                                <a href="goods_search.html" class="tag">登机箱</a>
                                                <a href="goods_search.html" class="tag">钥匙包</a>
                                                <a href="goods_search.html" class="tag">电脑包</a>
                                                <a href="goods_search.html" class="tag">旅行包</a>
                                                <a href="goods_search.html" class="tag">男/女皮带</a>
                                                <a href="goods_search.html" class="tag">运动包</a>
                                                <a href="goods_search.html" class="tag">拉杆箱</a>
                                                <a href="goods_search.html" class="tag">零钱包</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="brands fl">
                                        <div class="title">品牌推荐</div>
                                        <div class="brand_box clearfix">
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_01.png">
                                                <span class="name vertical-mid">沙驰</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_02.png">
                                                <span class="name vertical-mid">百丽</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_03.png">
                                                <span class="name vertical-mid">金利来</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_04.png">
                                                <span class="name vertical-mid">COACH</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_05.png">
                                                <span class="name vertical-mid">骆驼</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_06.png">
                                                <span class="name vertical-mid">他她</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_07.png">
                                                <span class="name vertical-mid">天意美</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_08.png">
                                                <span class="name vertical-mid">百思图</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_09.png">
                                                <span class="name vertical-mid">卡帝乐鳄鱼</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="channel">家电数码</div>
                                <div class="list clearfix">
                                    <div class="tags  fl">
                                        <!-- 横向 -->
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">冬季热卖<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                                <a href="goods_search.html" class="tag">羽绒服</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">套装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">人气美衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">针织外套</a>
                                                <a href="goods_search.html" class="tag">针织衫</a>
                                                <a href="goods_search.html" class="tag">羽绒</a>
                                                <a href="goods_search.html" class="tag">毛呢大衣</a>
                                                <a href="goods_search.html" class="tag">妈·妈装</a>
                                                <a href="goods_search.html" class="tag">外套</a>
                                                <a href="goods_search.html" class="tag">风衣</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">长袖T恤</a>
                                                <a href="goods_search.html" class="tag">棉衣</a>
                                                <a href="goods_search.html" class="tag">短裤</a>
                                                <a href="goods_search.html" class="tag">防晒衣</a>
                                                <a href="goods_search.html" class="tag">打底裤</a>
                                                <a href="goods_search.html" class="tag">大码女装</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">百搭上衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">衬衫</a>
                                                <a href="goods_search.html" class="tag">羊绒/羊毛衫</a>
                                                <a href="goods_search.html" class="tag">针织衫</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">套装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">外套<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">短外套</a>
                                                <a href="goods_search.html" class="tag">毛呢外套</a>
                                                <a href="goods_search.html" class="tag">马甲</a>
                                                <a href="goods_search.html" class="tag">西装外套</a>
                                                <a href="goods_search.html" class="tag">棉衣</a>
                                                <a href="goods_search.html" class="tag">羽绒服</a>
                                                <a href="goods_search.html" class="tag">针织外套</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">风衣</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">牛仔外套</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">裤子<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">阔腿裤</a>
                                                <a href="goods_search.html" class="tag">哈伦裤</a>
                                                <a href="goods_search.html" class="tag">西装裤</a>
                                                <a href="goods_search.html" class="tag">连体/背带裤 </a>
                                                <a href="goods_search.html" class="tag">羽绒裤</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">打底裤</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">短裤</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">美裙衣橱<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">修身美裙</a>
                                                <a href="goods_search.html" class="tag">半身裙</a>
                                                <a href="goods_search.html" class="tag">套装裙</a>
                                                <a href="goods_search.html" class="tag">白色连衣裙</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">特色服饰<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">民族风</a>
                                                <a href="goods_search.html" class="tag">商场同款</a>
                                                <a href="goods_search.html" class="tag">中/老年女装</a>
                                                <a href="goods_search.html" class="tag">礼服/旗袍 </a>
                                                <a href="goods_search.html" class="tag">大码女装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男式内搭<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">纯色T恤</a>
                                                <a href="goods_search.html" class="tag">印花T恤</a>
                                                <a href="goods_search.html" class="tag">Polo衫</a>
                                                <a href="goods_search.html" class="tag">长袖衬衫</a>
                                                <a href="goods_search.html" class="tag">套头卫衣</a>
                                                <a href="goods_search.html" class="tag">短袖T恤</a>
                                                <a href="goods_search.html" class="tag">纯色衬衫</a>
                                                <a href="goods_search.html" class="tag">连帽卫衣</a>
                                                <a href="goods_search.html" class="tag">格子衬衫</a>
                                                <a href="goods_search.html" class="tag">T恤衬衫</a>
                                                <a href="goods_search.html" class="tag">条纹T恤 </a>
                                                <a href="goods_search.html" class="tag">加绒卫衣</a>
                                                <a href="goods_search.html" class="tag">保暖衬衫</a>
                                                <a href="goods_search.html" class="tag">短袖衬衫</a>
                                                <a href="goods_search.html" class="tag">薄衬衫</a>
                                                <a href="goods_search.html" class="tag">V领T恤</a>
                                                <a href="goods_search.html" class="tag">羊绒/羊毛衫</a>
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男式外套<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">长款羽绒</a>
                                                <a href="goods_search.html" class="tag">厚羽绒</a>
                                                <a href="goods_search.html" class="tag">夹克外套</a>
                                                <a href="goods_search.html" class="tag">皮衣</a>
                                                <a href="goods_search.html" class="tag">西装</a>
                                                <a href="goods_search.html" class="tag">马甲/背心</a>
                                                <a href="goods_search.html" class="tag">夹克</a>
                                                <a href="goods_search.html" class="tag">短款外套</a>
                                                <a href="goods_search.html" class="tag">薄羽绒</a>
                                                <a href="goods_search.html" class="tag">短款羽绒</a>
                                                <a href="goods_search.html" class="tag">厚外套</a>
                                                <a href="goods_search.html" class="tag">中长款外套</a>
                                                <a href="goods_search.html" class="tag">薄外套</a>
                                                <a href="goods_search.html" class="tag">皮肤衣</a>
                                                <a href="goods_search.html" class="tag">老人马甲</a>
                                                <a href="goods_search.html" class="tag">牛仔外套</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男士裤装<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">短裤</a>
                                                <a href="goods_search.html" class="tag">运动裤</a>
                                                <a href="goods_search.html" class="tag">西裤</a>
                                                <a href="goods_search.html" class="tag">牛仔短裤</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">哈伦裤</a>
                                                <a href="goods_search.html" class="tag">夏季裤装</a>
                                                <a href="goods_search.html" class="tag">工装裤</a>
                                                <a href="goods_search.html" class="tag">亚麻裤</a>
                                                <a href="goods_search.html" class="tag">冬季裤装</a>
                                                <a href="goods_search.html" class="tag">加绒裤</a>
                                                <a href="goods_search.html" class="tag">小脚裤</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">九分裤</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">特色男装<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">中老年</a>
                                                <a href="goods_search.html" class="tag">职场精英</a>
                                                <a href="goods_search.html" class="tag">大码</a>
                                                <a href="goods_search.html" class="tag">运动着装</a>
                                                <a href="goods_search.html" class="tag">街头潮流</a>
                                                <a href="goods_search.html" class="tag">时尚休闲</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">热销内衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">男士保暖</a>
                                                <a href="goods_search.html" class="tag">男士睡衣</a>
                                                <a href="goods_search.html" class="tag">女士睡衣</a>
                                                <a href="goods_search.html" class="tag">女士保暖</a>
                                                <a href="goods_search.html" class="tag">男士内裤</a>
                                                <a href="goods_search.html" class="tag">热卖文胸</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="brands fl">
                                        <div class="title">品牌推荐</div>
                                        <div class="brand_box clearfix">
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_01.png">
                                                <span class="name vertical-mid">恩裳</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_02.png">
                                                <span class="name vertical-mid">音儿</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_03.png">
                                                <span class="name vertical-mid">波司登</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_04.png">
                                                <span class="name vertical-mid">诗篇</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_05.png">
                                                <span class="name vertical-mid">哥弟</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_06.png">
                                                <span class="name vertical-mid">罗蒙</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_07.png">
                                                <span class="name vertical-mid">富铤</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_08.png">
                                                <span class="name vertical-mid">米皇</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_09.png">
                                                <span class="name vertical-mid">帕罗</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="channel">母婴童装</div>
                                <div class="list clearfix">
                                    <div class="tags  fl">
                                        <!-- 横向 -->
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女单鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">高跟鞋</a>
                                                <a href="goods_search.html" class="tag">尖头鞋</a>
                                                <a href="goods_search.html" class="tag">平底鞋</a>
                                                <a href="goods_search.html" class="tag">深口单鞋</a>
                                                <a href="goods_search.html" class="tag">粗跟鞋</a>
                                                <a href="goods_search.html" class="tag">穆勒鞋</a>
                                                <a href="goods_search.html" class="tag">浅口单鞋</a>
                                                <a href="goods_search.html" class="tag">低跟鞋</a>
                                                <a href="goods_search.html" class="tag">厚底鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女休闲鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">内增高</a>
                                                <a href="goods_search.html" class="tag">帆布鞋</a>
                                                <a href="goods_search.html" class="tag">运动鞋</a>
                                                <a href="goods_search.html" class="tag">板鞋</a>
                                                <a href="goods_search.html" class="tag">小白鞋</a>
                                                <a href="goods_search.html" class="tag">乐福鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女凉鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">一字带凉鞋</a>
                                                <a href="goods_search.html" class="tag">平底凉鞋</a>
                                                <a href="goods_search.html" class="tag">凉拖</a>
                                                <a href="goods_search.html" class="tag">绑带凉鞋</a>
                                                <a href="goods_search.html" class="tag">粗跟凉鞋</a>
                                                <a href="goods_search.html" class="tag">鱼嘴鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男休闲鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">帆布鞋</a>
                                                <a href="goods_search.html" class="tag">豆豆鞋</a>
                                                <a href="goods_search.html" class="tag">一脚蹬</a>
                                                <a href="goods_search.html" class="tag">小白鞋</a>
                                                <a href="goods_search.html" class="tag">乐福鞋</a>
                                                <a href="goods_search.html" class="tag">休闲皮鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男商务鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">套脚商务鞋</a>
                                                <a href="goods_search.html" class="tag">德比鞋</a>
                                                <a href="goods_search.html" class="tag">休闲皮鞋</a>
                                                <a href="goods_search.html" class="tag">冲孔鞋</a>
                                                <a href="goods_search.html" class="tag">英伦鞋</a>
                                                <a href="goods_search.html" class="tag">布洛克鞋</a>
                                                <a href="goods_search.html" class="tag">增高鞋</a>
                                                <a href="goods_search.html" class="tag">正装鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男凉鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">凉鞋</a>
                                                <a href="goods_search.html" class="tag">沙滩鞋</a>
                                                <a href="goods_search.html" class="tag">凉拖</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女包<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">双肩包</a>
                                                <a href="goods_search.html" class="tag">单肩包</a>
                                                <a href="goods_search.html" class="tag">真皮包</a>
                                                <a href="goods_search.html" class="tag">手提包</a>
                                                <a href="goods_search.html" class="tag">小方包</a>
                                                <a href="goods_search.html" class="tag">手拿包</a>
                                                <a href="goods_search.html" class="tag">斜挎包</a>
                                                <a href="goods_search.html" class="tag">实用大包</a>
                                                <a href="goods_search.html" class="tag">轻便布包</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男包<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">男式钱包</a>
                                                <a href="goods_search.html" class="tag">单肩/斜挎包</a>
                                                <a href="goods_search.html" class="tag">手拿包</a>
                                                <a href="goods_search.html" class="tag">腰包</a>
                                                <a href="goods_search.html" class="tag">双肩包</a>
                                                <a href="goods_search.html" class="tag">商务公文包</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">功能箱包<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">硬壳箱</a>
                                                <a href="goods_search.html" class="tag">登机箱</a>
                                                <a href="goods_search.html" class="tag">钥匙包</a>
                                                <a href="goods_search.html" class="tag">电脑包</a>
                                                <a href="goods_search.html" class="tag">旅行包</a>
                                                <a href="goods_search.html" class="tag">男/女皮带</a>
                                                <a href="goods_search.html" class="tag">运动包</a>
                                                <a href="goods_search.html" class="tag">拉杆箱</a>
                                                <a href="goods_search.html" class="tag">零钱包</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="brands fl">
                                        <div class="title">品牌推荐</div>
                                        <div class="brand_box clearfix">
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_01.png">
                                                <span class="name vertical-mid">沙驰</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_02.png">
                                                <span class="name vertical-mid">百丽</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_03.png">
                                                <span class="name vertical-mid">金利来</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_04.png">
                                                <span class="name vertical-mid">COACH</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_05.png">
                                                <span class="name vertical-mid">骆驼</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_06.png">
                                                <span class="name vertical-mid">他她</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_07.png">
                                                <span class="name vertical-mid">天意美</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_08.png">
                                                <span class="name vertical-mid">百思图</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_09.png">
                                                <span class="name vertical-mid">卡帝乐鳄鱼</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="channel">手表配饰</div>
                                <div class="list clearfix">
                                    <div class="tags  fl">
                                        <!-- 横向 -->
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">冬季热卖<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                                <a href="goods_search.html" class="tag">羽绒服</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">套装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">人气美衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">针织外套</a>
                                                <a href="goods_search.html" class="tag">针织衫</a>
                                                <a href="goods_search.html" class="tag">羽绒</a>
                                                <a href="goods_search.html" class="tag">毛呢大衣</a>
                                                <a href="goods_search.html" class="tag">妈·妈装</a>
                                                <a href="goods_search.html" class="tag">外套</a>
                                                <a href="goods_search.html" class="tag">风衣</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">长袖T恤</a>
                                                <a href="goods_search.html" class="tag">棉衣</a>
                                                <a href="goods_search.html" class="tag">短裤</a>
                                                <a href="goods_search.html" class="tag">防晒衣</a>
                                                <a href="goods_search.html" class="tag">打底裤</a>
                                                <a href="goods_search.html" class="tag">大码女装</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">百搭上衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">衬衫</a>
                                                <a href="goods_search.html" class="tag">羊绒/羊毛衫</a>
                                                <a href="goods_search.html" class="tag">针织衫</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">套装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">外套<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">短外套</a>
                                                <a href="goods_search.html" class="tag">毛呢外套</a>
                                                <a href="goods_search.html" class="tag">马甲</a>
                                                <a href="goods_search.html" class="tag">西装外套</a>
                                                <a href="goods_search.html" class="tag">棉衣</a>
                                                <a href="goods_search.html" class="tag">羽绒服</a>
                                                <a href="goods_search.html" class="tag">针织外套</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">风衣</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">牛仔外套</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">裤子<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">阔腿裤</a>
                                                <a href="goods_search.html" class="tag">哈伦裤</a>
                                                <a href="goods_search.html" class="tag">西装裤</a>
                                                <a href="goods_search.html" class="tag">连体/背带裤 </a>
                                                <a href="goods_search.html" class="tag">羽绒裤</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">打底裤</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">短裤</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">美裙衣橱<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">修身美裙</a>
                                                <a href="goods_search.html" class="tag">半身裙</a>
                                                <a href="goods_search.html" class="tag">套装裙</a>
                                                <a href="goods_search.html" class="tag">白色连衣裙</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">特色服饰<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">民族风</a>
                                                <a href="goods_search.html" class="tag">商场同款</a>
                                                <a href="goods_search.html" class="tag">中/老年女装</a>
                                                <a href="goods_search.html" class="tag">礼服/旗袍 </a>
                                                <a href="goods_search.html" class="tag">大码女装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男式内搭<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">纯色T恤</a>
                                                <a href="goods_search.html" class="tag">印花T恤</a>
                                                <a href="goods_search.html" class="tag">Polo衫</a>
                                                <a href="goods_search.html" class="tag">长袖衬衫</a>
                                                <a href="goods_search.html" class="tag">套头卫衣</a>
                                                <a href="goods_search.html" class="tag">短袖T恤</a>
                                                <a href="goods_search.html" class="tag">纯色衬衫</a>
                                                <a href="goods_search.html" class="tag">连帽卫衣</a>
                                                <a href="goods_search.html" class="tag">格子衬衫</a>
                                                <a href="goods_search.html" class="tag">T恤衬衫</a>
                                                <a href="goods_search.html" class="tag">条纹T恤 </a>
                                                <a href="goods_search.html" class="tag">加绒卫衣</a>
                                                <a href="goods_search.html" class="tag">保暖衬衫</a>
                                                <a href="goods_search.html" class="tag">短袖衬衫</a>
                                                <a href="goods_search.html" class="tag">薄衬衫</a>
                                                <a href="goods_search.html" class="tag">V领T恤</a>
                                                <a href="goods_search.html" class="tag">羊绒/羊毛衫</a>
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男式外套<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">长款羽绒</a>
                                                <a href="goods_search.html" class="tag">厚羽绒</a>
                                                <a href="goods_search.html" class="tag">夹克外套</a>
                                                <a href="goods_search.html" class="tag">皮衣</a>
                                                <a href="goods_search.html" class="tag">西装</a>
                                                <a href="goods_search.html" class="tag">马甲/背心</a>
                                                <a href="goods_search.html" class="tag">夹克</a>
                                                <a href="goods_search.html" class="tag">短款外套</a>
                                                <a href="goods_search.html" class="tag">薄羽绒</a>
                                                <a href="goods_search.html" class="tag">短款羽绒</a>
                                                <a href="goods_search.html" class="tag">厚外套</a>
                                                <a href="goods_search.html" class="tag">中长款外套</a>
                                                <a href="goods_search.html" class="tag">薄外套</a>
                                                <a href="goods_search.html" class="tag">皮肤衣</a>
                                                <a href="goods_search.html" class="tag">老人马甲</a>
                                                <a href="goods_search.html" class="tag">牛仔外套</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男士裤装<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">短裤</a>
                                                <a href="goods_search.html" class="tag">运动裤</a>
                                                <a href="goods_search.html" class="tag">西裤</a>
                                                <a href="goods_search.html" class="tag">牛仔短裤</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">哈伦裤</a>
                                                <a href="goods_search.html" class="tag">夏季裤装</a>
                                                <a href="goods_search.html" class="tag">工装裤</a>
                                                <a href="goods_search.html" class="tag">亚麻裤</a>
                                                <a href="goods_search.html" class="tag">冬季裤装</a>
                                                <a href="goods_search.html" class="tag">加绒裤</a>
                                                <a href="goods_search.html" class="tag">小脚裤</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">九分裤</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">特色男装<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">中老年</a>
                                                <a href="goods_search.html" class="tag">职场精英</a>
                                                <a href="goods_search.html" class="tag">大码</a>
                                                <a href="goods_search.html" class="tag">运动着装</a>
                                                <a href="goods_search.html" class="tag">街头潮流</a>
                                                <a href="goods_search.html" class="tag">时尚休闲</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">热销内衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">男士保暖</a>
                                                <a href="goods_search.html" class="tag">男士睡衣</a>
                                                <a href="goods_search.html" class="tag">女士睡衣</a>
                                                <a href="goods_search.html" class="tag">女士保暖</a>
                                                <a href="goods_search.html" class="tag">男士内裤</a>
                                                <a href="goods_search.html" class="tag">热卖文胸</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="brands fl">
                                        <div class="title">品牌推荐</div>
                                        <div class="brand_box clearfix">
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_01.png">
                                                <span class="name vertical-mid">恩裳</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_02.png">
                                                <span class="name vertical-mid">音儿</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_03.png">
                                                <span class="name vertical-mid">波司登</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_04.png">
                                                <span class="name vertical-mid">诗篇</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_05.png">
                                                <span class="name vertical-mid">哥弟</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_06.png">
                                                <span class="name vertical-mid">罗蒙</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_07.png">
                                                <span class="name vertical-mid">富铤</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_08.png">
                                                <span class="name vertical-mid">米皇</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_09.png">
                                                <span class="name vertical-mid">帕罗</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="channel">居家用品</div>
                                <div class="list clearfix">
                                    <div class="tags  fl">
                                        <!-- 横向 -->
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女单鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">高跟鞋</a>
                                                <a href="goods_search.html" class="tag">尖头鞋</a>
                                                <a href="goods_search.html" class="tag">平底鞋</a>
                                                <a href="goods_search.html" class="tag">深口单鞋</a>
                                                <a href="goods_search.html" class="tag">粗跟鞋</a>
                                                <a href="goods_search.html" class="tag">穆勒鞋</a>
                                                <a href="goods_search.html" class="tag">浅口单鞋</a>
                                                <a href="goods_search.html" class="tag">低跟鞋</a>
                                                <a href="goods_search.html" class="tag">厚底鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女休闲鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">内增高</a>
                                                <a href="goods_search.html" class="tag">帆布鞋</a>
                                                <a href="goods_search.html" class="tag">运动鞋</a>
                                                <a href="goods_search.html" class="tag">板鞋</a>
                                                <a href="goods_search.html" class="tag">小白鞋</a>
                                                <a href="goods_search.html" class="tag">乐福鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女凉鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">一字带凉鞋</a>
                                                <a href="goods_search.html" class="tag">平底凉鞋</a>
                                                <a href="goods_search.html" class="tag">凉拖</a>
                                                <a href="goods_search.html" class="tag">绑带凉鞋</a>
                                                <a href="goods_search.html" class="tag">粗跟凉鞋</a>
                                                <a href="goods_search.html" class="tag">鱼嘴鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男休闲鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">帆布鞋</a>
                                                <a href="goods_search.html" class="tag">豆豆鞋</a>
                                                <a href="goods_search.html" class="tag">一脚蹬</a>
                                                <a href="goods_search.html" class="tag">小白鞋</a>
                                                <a href="goods_search.html" class="tag">乐福鞋</a>
                                                <a href="goods_search.html" class="tag">休闲皮鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男商务鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">套脚商务鞋</a>
                                                <a href="goods_search.html" class="tag">德比鞋</a>
                                                <a href="goods_search.html" class="tag">休闲皮鞋</a>
                                                <a href="goods_search.html" class="tag">冲孔鞋</a>
                                                <a href="goods_search.html" class="tag">英伦鞋</a>
                                                <a href="goods_search.html" class="tag">布洛克鞋</a>
                                                <a href="goods_search.html" class="tag">增高鞋</a>
                                                <a href="goods_search.html" class="tag">正装鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男凉鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">凉鞋</a>
                                                <a href="goods_search.html" class="tag">沙滩鞋</a>
                                                <a href="goods_search.html" class="tag">凉拖</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女包<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">双肩包</a>
                                                <a href="goods_search.html" class="tag">单肩包</a>
                                                <a href="goods_search.html" class="tag">真皮包</a>
                                                <a href="goods_search.html" class="tag">手提包</a>
                                                <a href="goods_search.html" class="tag">小方包</a>
                                                <a href="goods_search.html" class="tag">手拿包</a>
                                                <a href="goods_search.html" class="tag">斜挎包</a>
                                                <a href="goods_search.html" class="tag">实用大包</a>
                                                <a href="goods_search.html" class="tag">轻便布包</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男包<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">男式钱包</a>
                                                <a href="goods_search.html" class="tag">单肩/斜挎包</a>
                                                <a href="goods_search.html" class="tag">手拿包</a>
                                                <a href="goods_search.html" class="tag">腰包</a>
                                                <a href="goods_search.html" class="tag">双肩包</a>
                                                <a href="goods_search.html" class="tag">商务公文包</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">功能箱包<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">硬壳箱</a>
                                                <a href="goods_search.html" class="tag">登机箱</a>
                                                <a href="goods_search.html" class="tag">钥匙包</a>
                                                <a href="goods_search.html" class="tag">电脑包</a>
                                                <a href="goods_search.html" class="tag">旅行包</a>
                                                <a href="goods_search.html" class="tag">男/女皮带</a>
                                                <a href="goods_search.html" class="tag">运动包</a>
                                                <a href="goods_search.html" class="tag">拉杆箱</a>
                                                <a href="goods_search.html" class="tag">零钱包</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="brands fl">
                                        <div class="title">品牌推荐</div>
                                        <div class="brand_box clearfix">
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_01.png">
                                                <span class="name vertical-mid">沙驰</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_02.png">
                                                <span class="name vertical-mid">百丽</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_03.png">
                                                <span class="name vertical-mid">金利来</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_04.png">
                                                <span class="name vertical-mid">COACH</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_05.png">
                                                <span class="name vertical-mid">骆驼</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_06.png">
                                                <span class="name vertical-mid">他她</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_07.png">
                                                <span class="name vertical-mid">天意美</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_08.png">
                                                <span class="name vertical-mid">百思图</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_09.png">
                                                <span class="name vertical-mid">卡帝乐鳄鱼</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="channel">唯品生活</div>
                                <div class="list clearfix">
                                    <div class="tags  fl">
                                        <!-- 横向 -->
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">冬季热卖<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                                <a href="goods_search.html" class="tag">羽绒服</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">套装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">人气美衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">针织外套</a>
                                                <a href="goods_search.html" class="tag">针织衫</a>
                                                <a href="goods_search.html" class="tag">羽绒</a>
                                                <a href="goods_search.html" class="tag">毛呢大衣</a>
                                                <a href="goods_search.html" class="tag">妈·妈装</a>
                                                <a href="goods_search.html" class="tag">外套</a>
                                                <a href="goods_search.html" class="tag">风衣</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">长袖T恤</a>
                                                <a href="goods_search.html" class="tag">棉衣</a>
                                                <a href="goods_search.html" class="tag">短裤</a>
                                                <a href="goods_search.html" class="tag">防晒衣</a>
                                                <a href="goods_search.html" class="tag">打底裤</a>
                                                <a href="goods_search.html" class="tag">大码女装</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">百搭上衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">衬衫</a>
                                                <a href="goods_search.html" class="tag">羊绒/羊毛衫</a>
                                                <a href="goods_search.html" class="tag">针织衫</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">套装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">外套<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">短外套</a>
                                                <a href="goods_search.html" class="tag">毛呢外套</a>
                                                <a href="goods_search.html" class="tag">马甲</a>
                                                <a href="goods_search.html" class="tag">西装外套</a>
                                                <a href="goods_search.html" class="tag">棉衣</a>
                                                <a href="goods_search.html" class="tag">羽绒服</a>
                                                <a href="goods_search.html" class="tag">针织外套</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">风衣</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">牛仔外套</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">裤子<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">阔腿裤</a>
                                                <a href="goods_search.html" class="tag">哈伦裤</a>
                                                <a href="goods_search.html" class="tag">西装裤</a>
                                                <a href="goods_search.html" class="tag">连体/背带裤 </a>
                                                <a href="goods_search.html" class="tag">羽绒裤</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">打底裤</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">短裤</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">美裙衣橱<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">修身美裙</a>
                                                <a href="goods_search.html" class="tag">半身裙</a>
                                                <a href="goods_search.html" class="tag">套装裙</a>
                                                <a href="goods_search.html" class="tag">白色连衣裙</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">特色服饰<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">民族风</a>
                                                <a href="goods_search.html" class="tag">商场同款</a>
                                                <a href="goods_search.html" class="tag">中/老年女装</a>
                                                <a href="goods_search.html" class="tag">礼服/旗袍 </a>
                                                <a href="goods_search.html" class="tag">大码女装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男式内搭<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">纯色T恤</a>
                                                <a href="goods_search.html" class="tag">印花T恤</a>
                                                <a href="goods_search.html" class="tag">Polo衫</a>
                                                <a href="goods_search.html" class="tag">长袖衬衫</a>
                                                <a href="goods_search.html" class="tag">套头卫衣</a>
                                                <a href="goods_search.html" class="tag">短袖T恤</a>
                                                <a href="goods_search.html" class="tag">纯色衬衫</a>
                                                <a href="goods_search.html" class="tag">连帽卫衣</a>
                                                <a href="goods_search.html" class="tag">格子衬衫</a>
                                                <a href="goods_search.html" class="tag">T恤衬衫</a>
                                                <a href="goods_search.html" class="tag">条纹T恤 </a>
                                                <a href="goods_search.html" class="tag">加绒卫衣</a>
                                                <a href="goods_search.html" class="tag">保暖衬衫</a>
                                                <a href="goods_search.html" class="tag">短袖衬衫</a>
                                                <a href="goods_search.html" class="tag">薄衬衫</a>
                                                <a href="goods_search.html" class="tag">V领T恤</a>
                                                <a href="goods_search.html" class="tag">羊绒/羊毛衫</a>
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男式外套<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">长款羽绒</a>
                                                <a href="goods_search.html" class="tag">厚羽绒</a>
                                                <a href="goods_search.html" class="tag">夹克外套</a>
                                                <a href="goods_search.html" class="tag">皮衣</a>
                                                <a href="goods_search.html" class="tag">西装</a>
                                                <a href="goods_search.html" class="tag">马甲/背心</a>
                                                <a href="goods_search.html" class="tag">夹克</a>
                                                <a href="goods_search.html" class="tag">短款外套</a>
                                                <a href="goods_search.html" class="tag">薄羽绒</a>
                                                <a href="goods_search.html" class="tag">短款羽绒</a>
                                                <a href="goods_search.html" class="tag">厚外套</a>
                                                <a href="goods_search.html" class="tag">中长款外套</a>
                                                <a href="goods_search.html" class="tag">薄外套</a>
                                                <a href="goods_search.html" class="tag">皮肤衣</a>
                                                <a href="goods_search.html" class="tag">老人马甲</a>
                                                <a href="goods_search.html" class="tag">牛仔外套</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男士裤装<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">短裤</a>
                                                <a href="goods_search.html" class="tag">运动裤</a>
                                                <a href="goods_search.html" class="tag">西裤</a>
                                                <a href="goods_search.html" class="tag">牛仔短裤</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">哈伦裤</a>
                                                <a href="goods_search.html" class="tag">夏季裤装</a>
                                                <a href="goods_search.html" class="tag">工装裤</a>
                                                <a href="goods_search.html" class="tag">亚麻裤</a>
                                                <a href="goods_search.html" class="tag">冬季裤装</a>
                                                <a href="goods_search.html" class="tag">加绒裤</a>
                                                <a href="goods_search.html" class="tag">小脚裤</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">九分裤</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">特色男装<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">中老年</a>
                                                <a href="goods_search.html" class="tag">职场精英</a>
                                                <a href="goods_search.html" class="tag">大码</a>
                                                <a href="goods_search.html" class="tag">运动着装</a>
                                                <a href="goods_search.html" class="tag">街头潮流</a>
                                                <a href="goods_search.html" class="tag">时尚休闲</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">热销内衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">男士保暖</a>
                                                <a href="goods_search.html" class="tag">男士睡衣</a>
                                                <a href="goods_search.html" class="tag">女士睡衣</a>
                                                <a href="goods_search.html" class="tag">女士保暖</a>
                                                <a href="goods_search.html" class="tag">男士内裤</a>
                                                <a href="goods_search.html" class="tag">热卖文胸</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="brands fl">
                                        <div class="title">品牌推荐</div>
                                        <div class="brand_box clearfix">
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_01.png">
                                                <span class="name vertical-mid">恩裳</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_02.png">
                                                <span class="name vertical-mid">音儿</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_03.png">
                                                <span class="name vertical-mid">波司登</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_04.png">
                                                <span class="name vertical-mid">诗篇</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_05.png">
                                                <span class="name vertical-mid">哥弟</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_06.png">
                                                <span class="name vertical-mid">罗蒙</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_07.png">
                                                <span class="name vertical-mid">富铤</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_08.png">
                                                <span class="name vertical-mid">米皇</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_09.png">
                                                <span class="name vertical-mid">帕罗</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="channel">唯品国际/唯品奢</div>
                                <div class="list clearfix">
                                    <div class="tags  fl">
                                        <!-- 横向 -->
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女单鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">高跟鞋</a>
                                                <a href="goods_search.html" class="tag">尖头鞋</a>
                                                <a href="goods_search.html" class="tag">平底鞋</a>
                                                <a href="goods_search.html" class="tag">深口单鞋</a>
                                                <a href="goods_search.html" class="tag">粗跟鞋</a>
                                                <a href="goods_search.html" class="tag">穆勒鞋</a>
                                                <a href="goods_search.html" class="tag">浅口单鞋</a>
                                                <a href="goods_search.html" class="tag">低跟鞋</a>
                                                <a href="goods_search.html" class="tag">厚底鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女休闲鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">内增高</a>
                                                <a href="goods_search.html" class="tag">帆布鞋</a>
                                                <a href="goods_search.html" class="tag">运动鞋</a>
                                                <a href="goods_search.html" class="tag">板鞋</a>
                                                <a href="goods_search.html" class="tag">小白鞋</a>
                                                <a href="goods_search.html" class="tag">乐福鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女凉鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">一字带凉鞋</a>
                                                <a href="goods_search.html" class="tag">平底凉鞋</a>
                                                <a href="goods_search.html" class="tag">凉拖</a>
                                                <a href="goods_search.html" class="tag">绑带凉鞋</a>
                                                <a href="goods_search.html" class="tag">粗跟凉鞋</a>
                                                <a href="goods_search.html" class="tag">鱼嘴鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男休闲鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">帆布鞋</a>
                                                <a href="goods_search.html" class="tag">豆豆鞋</a>
                                                <a href="goods_search.html" class="tag">一脚蹬</a>
                                                <a href="goods_search.html" class="tag">小白鞋</a>
                                                <a href="goods_search.html" class="tag">乐福鞋</a>
                                                <a href="goods_search.html" class="tag">休闲皮鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男商务鞋<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">套脚商务鞋</a>
                                                <a href="goods_search.html" class="tag">德比鞋</a>
                                                <a href="goods_search.html" class="tag">休闲皮鞋</a>
                                                <a href="goods_search.html" class="tag">冲孔鞋</a>
                                                <a href="goods_search.html" class="tag">英伦鞋</a>
                                                <a href="goods_search.html" class="tag">布洛克鞋</a>
                                                <a href="goods_search.html" class="tag">增高鞋</a>
                                                <a href="goods_search.html" class="tag">正装鞋</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男凉鞋<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">凉鞋</a>
                                                <a href="goods_search.html" class="tag">沙滩鞋</a>
                                                <a href="goods_search.html" class="tag">凉拖</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">女包<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">双肩包</a>
                                                <a href="goods_search.html" class="tag">单肩包</a>
                                                <a href="goods_search.html" class="tag">真皮包</a>
                                                <a href="goods_search.html" class="tag">手提包</a>
                                                <a href="goods_search.html" class="tag">小方包</a>
                                                <a href="goods_search.html" class="tag">手拿包</a>
                                                <a href="goods_search.html" class="tag">斜挎包</a>
                                                <a href="goods_search.html" class="tag">实用大包</a>
                                                <a href="goods_search.html" class="tag">轻便布包</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男包<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">男式钱包</a>
                                                <a href="goods_search.html" class="tag">单肩/斜挎包</a>
                                                <a href="goods_search.html" class="tag">手拿包</a>
                                                <a href="goods_search.html" class="tag">腰包</a>
                                                <a href="goods_search.html" class="tag">双肩包</a>
                                                <a href="goods_search.html" class="tag">商务公文包</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">功能箱包<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">硬壳箱</a>
                                                <a href="goods_search.html" class="tag">登机箱</a>
                                                <a href="goods_search.html" class="tag">钥匙包</a>
                                                <a href="goods_search.html" class="tag">电脑包</a>
                                                <a href="goods_search.html" class="tag">旅行包</a>
                                                <a href="goods_search.html" class="tag">男/女皮带</a>
                                                <a href="goods_search.html" class="tag">运动包</a>
                                                <a href="goods_search.html" class="tag">拉杆箱</a>
                                                <a href="goods_search.html" class="tag">零钱包</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="brands fl">
                                        <div class="title">品牌推荐</div>
                                        <div class="brand_box clearfix">
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_01.png">
                                                <span class="name vertical-mid">沙驰</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_02.png">
                                                <span class="name vertical-mid">百丽</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_03.png">
                                                <span class="name vertical-mid">金利来</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_04.png">
                                                <span class="name vertical-mid">COACH</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_05.png">
                                                <span class="name vertical-mid">骆驼</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_06.png">
                                                <span class="name vertical-mid">他她</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_07.png">
                                                <span class="name vertical-mid">天意美</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_08.png">
                                                <span class="name vertical-mid">百思图</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_2_09.png">
                                                <span class="name vertical-mid">卡帝乐鳄鱼</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="channel">医药健康</div>
                                <div class="list clearfix">
                                    <div class="tags  fl">
                                        <!-- 横向 -->
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">冬季热卖<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                                <a href="goods_search.html" class="tag">羽绒服</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">套装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">人气美衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">针织外套</a>
                                                <a href="goods_search.html" class="tag">针织衫</a>
                                                <a href="goods_search.html" class="tag">羽绒</a>
                                                <a href="goods_search.html" class="tag">毛呢大衣</a>
                                                <a href="goods_search.html" class="tag">妈·妈装</a>
                                                <a href="goods_search.html" class="tag">外套</a>
                                                <a href="goods_search.html" class="tag">风衣</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">长袖T恤</a>
                                                <a href="goods_search.html" class="tag">棉衣</a>
                                                <a href="goods_search.html" class="tag">短裤</a>
                                                <a href="goods_search.html" class="tag">防晒衣</a>
                                                <a href="goods_search.html" class="tag">打底裤</a>
                                                <a href="goods_search.html" class="tag">大码女装</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">百搭上衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">衬衫</a>
                                                <a href="goods_search.html" class="tag">羊绒/羊毛衫</a>
                                                <a href="goods_search.html" class="tag">针织衫</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">卫衣</a>
                                                <a href="goods_search.html" class="tag">套装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">外套<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">短外套</a>
                                                <a href="goods_search.html" class="tag">毛呢外套</a>
                                                <a href="goods_search.html" class="tag">马甲</a>
                                                <a href="goods_search.html" class="tag">西装外套</a>
                                                <a href="goods_search.html" class="tag">棉衣</a>
                                                <a href="goods_search.html" class="tag">羽绒服</a>
                                                <a href="goods_search.html" class="tag">针织外套</a>
                                                <a href="goods_search.html" class="tag">皮衣皮草</a>
                                                <a href="goods_search.html" class="tag">风衣</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                                <a href="goods_search.html" class="tag">牛仔外套</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">裤子<i class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">阔腿裤</a>
                                                <a href="goods_search.html" class="tag">哈伦裤</a>
                                                <a href="goods_search.html" class="tag">西装裤</a>
                                                <a href="goods_search.html" class="tag">连体/背带裤 </a>
                                                <a href="goods_search.html" class="tag">羽绒裤</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">打底裤</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">短裤</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">美裙衣橱<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">修身美裙</a>
                                                <a href="goods_search.html" class="tag">半身裙</a>
                                                <a href="goods_search.html" class="tag">套装裙</a>
                                                <a href="goods_search.html" class="tag">白色连衣裙</a>
                                                <a href="goods_search.html" class="tag">连衣裙</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">特色服饰<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">民族风</a>
                                                <a href="goods_search.html" class="tag">商场同款</a>
                                                <a href="goods_search.html" class="tag">中/老年女装</a>
                                                <a href="goods_search.html" class="tag">礼服/旗袍 </a>
                                                <a href="goods_search.html" class="tag">大码女装</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男式内搭<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">纯色T恤</a>
                                                <a href="goods_search.html" class="tag">印花T恤</a>
                                                <a href="goods_search.html" class="tag">Polo衫</a>
                                                <a href="goods_search.html" class="tag">长袖衬衫</a>
                                                <a href="goods_search.html" class="tag">套头卫衣</a>
                                                <a href="goods_search.html" class="tag">短袖T恤</a>
                                                <a href="goods_search.html" class="tag">纯色衬衫</a>
                                                <a href="goods_search.html" class="tag">连帽卫衣</a>
                                                <a href="goods_search.html" class="tag">格子衬衫</a>
                                                <a href="goods_search.html" class="tag">T恤衬衫</a>
                                                <a href="goods_search.html" class="tag">条纹T恤 </a>
                                                <a href="goods_search.html" class="tag">加绒卫衣</a>
                                                <a href="goods_search.html" class="tag">保暖衬衫</a>
                                                <a href="goods_search.html" class="tag">短袖衬衫</a>
                                                <a href="goods_search.html" class="tag">薄衬衫</a>
                                                <a href="goods_search.html" class="tag">V领T恤</a>
                                                <a href="goods_search.html" class="tag">羊绒/羊毛衫</a>
                                                <a href="goods_search.html" class="tag">毛衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男式外套<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">长款羽绒</a>
                                                <a href="goods_search.html" class="tag">厚羽绒</a>
                                                <a href="goods_search.html" class="tag">夹克外套</a>
                                                <a href="goods_search.html" class="tag">皮衣</a>
                                                <a href="goods_search.html" class="tag">西装</a>
                                                <a href="goods_search.html" class="tag">马甲/背心</a>
                                                <a href="goods_search.html" class="tag">夹克</a>
                                                <a href="goods_search.html" class="tag">短款外套</a>
                                                <a href="goods_search.html" class="tag">薄羽绒</a>
                                                <a href="goods_search.html" class="tag">短款羽绒</a>
                                                <a href="goods_search.html" class="tag">厚外套</a>
                                                <a href="goods_search.html" class="tag">中长款外套</a>
                                                <a href="goods_search.html" class="tag">薄外套</a>
                                                <a href="goods_search.html" class="tag">皮肤衣</a>
                                                <a href="goods_search.html" class="tag">老人马甲</a>
                                                <a href="goods_search.html" class="tag">牛仔外套</a>
                                                <a href="goods_search.html" class="tag">大衣</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">男士裤装<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">短裤</a>
                                                <a href="goods_search.html" class="tag">运动裤</a>
                                                <a href="goods_search.html" class="tag">西裤</a>
                                                <a href="goods_search.html" class="tag">牛仔短裤</a>
                                                <a href="goods_search.html" class="tag">牛仔裤</a>
                                                <a href="goods_search.html" class="tag">哈伦裤</a>
                                                <a href="goods_search.html" class="tag">夏季裤装</a>
                                                <a href="goods_search.html" class="tag">工装裤</a>
                                                <a href="goods_search.html" class="tag">亚麻裤</a>
                                                <a href="goods_search.html" class="tag">冬季裤装</a>
                                                <a href="goods_search.html" class="tag">加绒裤</a>
                                                <a href="goods_search.html" class="tag">小脚裤</a>
                                                <a href="goods_search.html" class="tag">休闲裤</a>
                                                <a href="goods_search.html" class="tag">九分裤</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">特色男装<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">中老年</a>
                                                <a href="goods_search.html" class="tag">职场精英</a>
                                                <a href="goods_search.html" class="tag">大码</a>
                                                <a href="goods_search.html" class="tag">运动着装</a>
                                                <a href="goods_search.html" class="tag">街头潮流</a>
                                                <a href="goods_search.html" class="tag">时尚休闲</a>
                                            </div>
                                        </div>
                                        <div class="item clearfix">
                                            <span class="title relative vertical-top fl">热销内衣<i
                                                    class="right_arrow">^</i></span>
                                            <div class="con vertical-top fl">
                                                <a href="goods_search.html" class="tag">男士保暖</a>
                                                <a href="goods_search.html" class="tag">男士睡衣</a>
                                                <a href="goods_search.html" class="tag">女士睡衣</a>
                                                <a href="goods_search.html" class="tag">女士保暖</a>
                                                <a href="goods_search.html" class="tag">男士内裤</a>
                                                <a href="goods_search.html" class="tag">热卖文胸</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="brands fl">
                                        <div class="title">品牌推荐</div>
                                        <div class="brand_box clearfix">
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_01.png">
                                                <span class="name vertical-mid">恩裳</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_02.png">
                                                <span class="name vertical-mid">音儿</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_03.png">
                                                <span class="name vertical-mid">波司登</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_04.png">
                                                <span class="name vertical-mid">诗篇</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_05.png">
                                                <span class="name vertical-mid">哥弟</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_06.png">
                                                <span class="name vertical-mid">罗蒙</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_07.png">
                                                <span class="name vertical-mid">富铤</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_08.png">
                                                <span class="name vertical-mid">米皇</span>
                                            </a>
                                            <a href="goods_search.html" class="fl">
                                                <img class="vertical-mid" src="./img/index/brand_box_1_09.png">
                                                <span class="name vertical-mid">帕罗</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <ul class="crosswise_nav">
                        <li><a href="goods_search.html">首页</a></li>
                        <li><a href="goods_search.html">最后疯抢</a></li>
                        <li><a href="goods_search.html">唯品快抢</a></li>
                        <li><a href="goods_search.html">女装</a></li>
                        <li><a href="goods_search.html">母婴</a></li>
                        <li><a href="goods_search.html">家电</a></li>
                        <li><a href="goods_search.html">国际</a></li>
                        <li><a href="goods_search.html">美妆</a></li>
                        <li><a href="goods_search.html">鞋包</a></li>
                        <li><a href="goods_search.html">男装</a></li>
                        <li><a href="goods_search.html">预告</a></li>
                        <li class="more relative">
                            <a href="goods_search.html">更多 <i class="more_arrow">^</i></a>
                            <div class="more_box">
                                <span><a href="goods_search.html">运动</a></span>
                                <span><a href="goods_search.html">家居</a></span>
                                <span><a href="goods_search.html">生活</a></span>
                                <span><a href="goods_search.html">配饰</a></span>
                                <span><a href="goods_search.html">唯品·奢</a></span>
                                <span><a href="goods_search.html">扶贫</a></span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="container">
        <!-- 当前页面位置 -->
        <div class="search_name"><a href="goods_search.html">全部结果</a> > 口红</div>
        <!-- 上方商品列表 -->
        <div class="head-box relative">
            <div class="serve-box clearfix">
                <div class="serve float-left">唯品服务</div>
                <div class="reduction float-left"><input type="checkbox" class="match-chose"/>超值优惠</div>
                <div class="counter float-left"><input type="checkbox" class="match-chose"/>专柜同步</div>
                <div class="float-right">
                    <button type="button" class="check">+ 多选</button>
                </div>
                <div class="float-right">
                    <button type="button" class="okey">确认</button>
                </div>
            </div>
            <!-- 商标盒子 -->
            <div class="brand-box clearfix">
                <div class="brand-font float-left">品牌</div>
                <div class="all-brand relative">
                    <div class="brand1 float-left"><img src="img/goods_search/brand1.png" width="80px"></div>
                    <div class="brand2 float-left"><img src="img/goods_search/brand2.png" width="80px"></div>
                    <div class="brand3 float-left"><img src="img/goods_search/brand3.png" width="80px"></div>
                    <div class="brand4 float-left"><img src="img/goods_search/brand4.png" width="80px"></div>
                    <div class="brand5 float-left"><img src="img/goods_search/brand5.png" width="80px"></div>
                    <div class="brand6 float-left"><img src="img/goods_search/brand6.png" width="80px"></div>
                    <div class="brand7 float-left"><img src="img/goods_search/brand7.png" width="80px"></div>
                    <div class="brand8 float-left"><img src="img/goods_search/brand8.png" width="80px"></div>
                    <div class="brand9 float-left"><img src="img/goods_search/brand9.png" width="80px"></div>
                    <div class="brand10 float-left"><img src="img/goods_search/brand10.png" width="80px"></div>
                    <div class="brand11 float-left"><img src="img/goods_search/brand11.png" width="80px"></div>
                    <div class="brand12 float-left"><img src="img/goods_search/brand12.png" width="80px"></div>
                    <div class="brand13 float-left"><img src="img/goods_search/brand13.png" width="80px"></div>
                    <div class="brand14 float-left"><img src="img/goods_search/brand14.png" width="80px"></div>
                    <div class="brand15 float-left"><img src="img/goods_search/brand15.png" width="80px"></div>
                    <div class="brand16 float-left"><img src="img/goods_search/brand16.png" width="80px"></div>
                    <div class="brand17 float-left"><img src="img/goods_search/brand17.png" width="80px"></div>
                    <div class="brand18 float-left"><img src="img/goods_search/brand18.png" width="80px"></div>
                    <div class="brand19 float-left"><img src="img/goods_search/brand19.png" width="80px"></div>
                    <div class="brand20 float-left"><img src="img/goods_search/brand20.png" width="80px"></div>
                    <div class="brand21 float-left"><img src="img/goods_search/brand21.png" width="80px"></div>
                    <div class="brand22 float-left"><img src="img/goods_search/brand22.png" width="80px"></div>
                    <div class="brand23 float-left"><img src="img/goods_search/brand23.png" width="80px"></div>
                    <div class="brand24 float-left"><img src="img/goods_search/brand24.png" width="80px"></div>
                    <div class="brand25 float-left"><img src="img/goods_search/brand25.png" width="80px"></div>
                    <div class="brand26 float-left"><img src="img/goods_search/brand26.png" width="80px"></div>
                    <div class="brand27 float-left"><img src="img/goods_search/brand27.png" width="80px"></div>
                </div>
                <div class="float-right">
                    <button type="button" class="check">+ 多选</button>
                </div>
                <div class="more float-right">更多<img src="img/goods_search/images/down.jpg"></div>
            </div>
            <!-- 品类盒子 -->
            <div class="class-box clearfix">
                <div class="class-font float-left">品类</div>
                <div class="lip float-left">唇妆</div>
                <div class="face float-left">颊妆</div>
            </div>
            <!-- 妆色盒子 -->
            <div class="color-box clearfix">
                <div class="color-font float-left">色系</div>
                <div class="color1 float-left"><input type="checkbox" class="match-chose"/>粉色系</div>
                <div class="color2 float-left"><input type="checkbox" class="match-chose"/>蓝色系</div>
                <div class="color3 float-left"><input type="checkbox" class="match-chose"/>绿色系</div>
                <div class="color4 float-left"><input type="checkbox" class="match-chose"/>黄色系</div>
                <div class="color5 float-left"><input type="checkbox" class="match-chose"/>黑白系</div>
                <div class="color6 float-left"><input type="checkbox" class="match-chose"/>多彩色系</div>
                <div class="color7 float-left"><input type="checkbox" class="match-chose"/>红色系</div>
                <div class="float-right">
                    <button type="button" class="check">+ 多选</button>
                </div>
                <div class="float-right">
                    <button type="button" class="okey">确认</button>
                </div>
                <div class="more float-right">更多<img src="img/goods_search/images/down.jpg"></div>
            </div>
            <div class="effect-box clearfix">
                <div class="effect-font float-left">彩妆功效</div>
                <div class="effect1 float-left"><input type="checkbox" class="match-chose"/>遮瑕</div>
                <div class="effect2 float-left"><input type="checkbox" class="match-chose"/>防晒</div>
                <div class="effect3 float-left"><input type="checkbox" class="match-chose"/>隔离</div>
                <div class="effect4 float-left"><input type="checkbox" class="match-chose"/>防水</div>
                <div class="effect5 float-left"><input type="checkbox" class="match-chose"/>美白</div>
                <div class="effect6 float-left"><input type="checkbox" class="match-chose"/>滋润</div>
                <div class="effect7 float-left"><input type="checkbox" class="match-chose"/>补水</div>
                <div class="float-right">
                    <button type="button" class="check">+ 多选</button>
                </div>
                <div class="float-right">
                    <button type="button" class="okey">确认</button>
                </div>
                <div class="more float-right">更多<img src="img/goods_search/images/down.jpg"></div>
            </div>
            <div class="suit-box clearfix">
                <div class="suit-font float-left">是否套装</div>
                <div class="suit1 float-left">是</div>
                <div class="suit2 float-left">否</div>
            </div>
            <div class="sense-box clearfix">
                <div class="sense-font float-left">妆感</div>
                <div class="sense1 float-left"><input type="checkbox" class="match-chose"/>自然</div>
                <div class="sense2 float-left"><input type="checkbox" class="match-chose"/>哑光</div>
                <div class="sense3 float-left"><input type="checkbox" class="match-chose"/>闪光/珠光</div>
                <div class="sense4 float-left"><input type="checkbox" class="match-chose"/>雾面</div>
                <div class="sense5 float-left"><input type="checkbox" class="match-chose"/>素颜</div>
                <div class="float-right">
                    <button type="button" class="check">+ 多选</button>
                </div>
                <div class="float-right">
                    <button type="button" class="okey">确认</button>
                </div>
            </div>
            <div class="more-chose relative">更多选项<img src="img/goods_search/images/down.jpg" class="down">
                <img src="img/goods_search/images/up.jpg" class="up"></div>
        </div>

        <!-- 商品总览 -->
        <div class="body-box">
            <div class="operation-box clearfix">
                <div class="multiple float-left change-color">综合</div>
                <div class="price-sort float-left priceSort">价格
                    <img src="img/goods_search/images/pink-up.jpg" class="pink-up">
                    <img src="img/goods_search/images/pink-down.jpg" class="pink-down">
                    <img src="img/goods_search/images/sort.jpg" class="sort"></div>
                <div class="reduction-sort float-left reductionSort">折扣
                    <img src="img/goods_search/images/pink-up.jpg" class="pink-up">
                    <img src="img/goods_search/images/pink-down.jpg" class="pink-down">
                    <img src="img/goods_search/images/sort.jpg" class="sort"></div>
                <div class="sales float-left">销量</div>
                <!-- 价格筛选 -->
                <div class="price-screen float-left relative">
                    <input type="text" class="min-price" placeholder="￥"/> -
                    <input type="text" class="max-price" placeholder="￥"/>
                    <button type="button" class="confirm confirmSort">确定</button>
                </div>
                <div class="curr float-left"></div>
                <div class="float-right">
                    <button type="button" @click="nextPage" class="next-page">下一页 ></button>
                </div>
                <div class="float-right">
                    <button type="button" class="last-page">
                    </button>
                </div>
                <div class="page float-right">{{totalPage}}/{{pageNo}}</div>
            </div>
        </div>

        <div class="goods-box">
            <ul class="goods-list">

				<a :href="'goods_detail.html?seckillId='+good.id" v-for="(good,i) in goodsList">
					<li class="goods-item  relative">

						<div class="goods-border"></div>

						<div class="goods-img">
							<img src="img/goods_search/goods15.png" width="180px">
						</div>

						<div class="goods-price">快枪价<span class="rmb">￥</span><span class="num">{{good.price}}</span></div>

						<div class="goods-reduction"><s>￥{{good.otPrice}}</s><span class="per">{{(good.price/good.otPrice*10).toFixed(2)}}</span>折</div>

						<div class="goods-describe">
							{{good.title}}
						</div>
					</li>
				</a>


            </ul>
        </div>
    </div>
    <!-- 全局footer -->
    <div class="footer">
        <div class="container">
            <div class="slogan">
                <i class="icon_footer icon_footer_slogan01"></i>
                <i class="icon_footer icon_footer_slogan02"></i>
                <i class="icon_footer icon_footer_slogan03"></i>
                <i class="icon_footer icon_footer_slogan04"></i>
                <i class="icon_footer icon_footer_slogan05"></i>
                <i class="icon_footer icon_footer_slogan06"></i>
                <i class="icon_footer icon_footer_slogan07"></i>
                <i class="icon_footer icon_footer_slogan08"></i>
                <i class="icon_footer icon_footer_slogan09"></i>
                <i class="icon_footer icon_footer_slogan10"></i>
            </div>
            <div class="link">
                <div class="item vertical-top">
                    <span class="title">服务保障</span>
                    <ul>
                        <li><a href="#">正品保证</a></li>
                        <li><a href="#">7天无理由放心退</a></li>
                        <li><a href="#">退货返10元唯品币</a></li>
                        <li><a href="#">7x15小时客户服务</a></li>
                        <li><a href="#">7天无理由随心换</a></li>
                    </ul>
                </div>
                <div class="item vertical-top">
                    <span class="title">购物指南</span>
                    <ul>
                        <li><a href="#">导购演示</a></li>
                        <li><a href="#">订单操作</a></li>
                        <li><a href="#">会员注册</a></li>
                        <li><a href="#">账户管理</a></li>
                        <li><a href="#">收货样品</a></li>
                        <li><a href="#">会员等级</a></li>
                    </ul>
                </div>
                <div class="item vertical-top">
                    <span class="title">支付方式</span>
                    <ul>
                        <li><a href="#">快捷支付</a></li>
                        <li><a href="#">23家主流网银支付</a></li>
                        <li><a href="#">支付宝、银联等支付</a></li>
                        <li><a href="#">信用卡支付</a></li>
                        <li><a href="#">零钱支付</a></li>
                    </ul>
                </div>
                <div class="item vertical-top">
                    <span class="title">配送方式</span>
                    <ul>
                        <li><a href="#">配送范围及运费</a></li>
                        <li><a href="#">验货与签收</a></li>
                    </ul>
                </div>
                <div class="item vertical-top">
                    <span class="title">售后服务</span>
                    <ul>
                        <li><a href="#">退货政策</a></li>
                        <li><a href="#">退货流程</a></li>
                        <li><a href="#">退款方式和时效</a></li>
                        <li><a href="#">换货服务</a></li>
                    </ul>
                </div>
                <div class="code vertical-top">
                    <span class="title">开课吧APP二维码</span>
                    <img src="./img/index/footer_code.png">
                    <span class="des">下载开课吧移动APP</span>
                </div>
            </div>
            <div class="about">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">About us</a></li>
                    <li><a href="#">Investor Relations</a></li>
                    <li><a href="#">媒体报道</a></li>
                    <li><a href="#">品牌招商</a></li>
                    <li><a href="#">隐私条款</a></li>
                    <li><a href="#">慧科诚聘</a></li>
                    <li><a href="#">开课吧卡</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
            <div class="Copyright">Copyright 2003-2020 kaikeba.com，All Rights Reserved 使用本网站即表示接受 <a
                    href="#">开课吧用户协议</a>。版权所有
                <a href="#">北京开课吧电子商务有限公司</a></div>
            <div class="put_on_records">
								<span><a href="#" class="vertical-mid"><img src="./img/index/police_icon.png"
                                                                            class="vertical-mid">京公网安备
						xxxxxxxxxxxxxxx号</a> <a href="#">京ICP备xxxxxxxx号</a> <a href="#">增值业务经营许可证：京B2-20200000</a> <a
                                        href="#">网络文化经营许可证：京网文〔2020〕5030-1743号</a>
						</span>
                <span><a href="#">自营主体经营证照</a> <a href="#">风险监测信息</a> <a href="#">互联网药品信息服务资格证书：（京）-经营性-2020-0271</a> <a
                        href="#">网络食品交易第三方平台备案凭证：京B2-20200000</a>
						<a href="#">医疗器械网络交易服务第三方平台</a></span>
                <span><a href="#">备案凭证：（京）网械平台备字[2020]第00001号</a></span>
            </div>
            <div class="identification">
                <a href="#"><i class="icon_identification icon_identification_Unionpay"></i></a>
                <!-- <a href="#"><i class="icon_identification icon_identification_Alipay"></i></a>
						<a href="#"><i class="icon_identification icon_identification_CreditEnterprise"></i></a> -->
                <a href="#"><i class="icon_identification icon_identification_LegalRights"></i></a>
                <a href="#"><i class="icon_identification icon_identification_RedLink"></i></a>
                <a href="#"><i class="icon_identification icon_identification_callPolice"></i></a>
                <a href="#"><i class="icon_identification icon_identification_netPolice"></i></a>
                <!-- <a href="#"><i class="icon_identification icon_identification_ccredit"></i></a> -->
                <a href="#"><i class="icon_identification icon_identification_integrityWeb"></i></a>
                <a href="#"><i class="icon_identification icon_identification_credibleWeb"></i></a>
            </div>
        </div>
    </div>
</div>
</body>

<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<!-- 全局header、footer----勿删 -->
<script src="./js/goods_search/header&footer.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    
</script>
<script src="js/vuejs-2.5.16.js"></script>
<script src="js/axios-0.18.0.js"></script>
<script src="js/api.js"></script>
<script>
    new Vue({
        el: "#app",
        data: {
            pageNo: 1,
            pageSize: 20,
            goodsList: [],
            totalPage: 0
        },
        methods: {
            //获取用户名
                getUserInfo:function(){
                    //获取token
                    var token = localStorage.getItem("token");						
                    //判断token是否存在
                    if(!token){
                        location.href = "login.html";
                    }
                    //获取用户信息
                    userInfo(token).then( res => {
                        this.username = res.data.data.username;
                    })
                },
            //查询商品列表
            getGoodsListByPage: function (pageNo, pageSize) {
                //api接口方法
                getGoodsListByPage(pageNo, pageSize).then(res => {
					//总记录
                    this.goodsList = res.data.rows;
                    console.log(this.goodsList);
					//总记录数
					var total = res.data.total;
					//计算总页码
					if(total%this.pageSize>0){
						this.totalPage = parseInt(total/this.pageSize) + 1;
					}else{
						this.totalPage = parseInt(total/this.pageSize);
					}             
            })
			},
			//下一页
			nextPage:function(){
				//判断
				if(this.totalPage < 2){
					return;
				}
				this.pageNo ++;
				//调用分页查询方法
				this.getGoodsListByPage(this.pageNo,this.pageSize);
			}

            //查询总记录数
            //v-for="go"
            //{{pageNo}}
            //@click="事件名"
        },
        created: function () {
            //加载用户信息
            this.getUserInfo();
            //自动刷新加载
            this.getGoodsListByPage(this.pageNo, this.pageSize);
		},
		updated:function(){
			// 点击多选出现多选框
			$('.check').click(function () {
        $(this).parent().siblings().find('.match-chose').css('display', 'inline-block')
        $(this).css('display', 'none')
        $(this).parent().siblings().find('.okey').css('display', 'block')
    })
    // 点击确认，隐藏多选框
    $('.okey').click(function () {
        $(this).parent().siblings().find('.match-chose').css('display', 'none')
        $(this).css('display', 'none')
        $(this).parent().siblings().find('.check').css('display', 'block')
    })

    $('.more-chose').click(function () {
        var isShow = $('.effect-box').is(':visible');
        if (isShow) {
            $('.sense-box').css('display', 'none');
            $('.effect-box').css('display', 'none');
            $('.suit-box').css('display', 'none');
            $('.down').css('display', 'inline-block');
            $('.up').css('display', 'none');
        } else {
            $('.sense-box').css('display', 'block');
            $('.effect-box').css('display', 'block');
            $('.suit-box').css('display', 'block');
            $('.down').css('display', 'none');
            $('.up').css('display', 'inline-block');
        }
        // 点击后获取操作条变化后的位置
        operationTop = $('.operation-box').offset().top;
    })
    // 操作条跟随页面滚动
    var operationTop = $('.operation-box').offset().top;
    $(window).scroll(function () {
        // 获取scrollTop
        var scrollTop = $(this).scrollTop();

        // console.log(scrollTop);
        // console.log(operationTop)
        if (scrollTop > operationTop) {
            $('.operation-box').addClass('fixed');
        } else {
            $('.operation-box').removeClass('fixed');
        }
    });

    // 商品移入加边框
    $('.goods-list .goods-item').hover(function () {
        $(this).find('.goods-border').css('display', 'block');
    }, function () {
        $(this).find('.goods-border').css('display', 'none');
    })

    // 商品价格排序
    $('.priceSort').click(function () {
        $(this).siblings().removeClass('change-color');
        $(this).siblings().find('.sort').css('display', 'inline-block');
        $(this).addClass('change-color');
        // 借助数组里面的sort方法
        var arr = [];
        $('.goods-list .goods-item').each(function () {
            arr.push($(this));
        });
        // sort
        var isupdown = $('.curr').is(':visible');
        if (isupdown) {
            arr.sort(function ($itemA, $itemB) {
                var priceA = $itemA.find('.num').text();
                var priceB = $itemB.find('.num').text();
                return priceA - priceB;
            });
            $(this).find('.pink-up').css('display', 'inline-block')
            $(this).find('.sort').css('display', 'none')
            $('.curr').css('display', 'none')
        } else {
            arr.sort(function ($itemA, $itemB) {
                var priceA = $itemA.find('.num').text();
                var priceB = $itemB.find('.num').text();
                return priceB - priceA;
            });
            $(this).find('.pink-up').css('display', 'none')
            $(this).find('.pink-down').css('display', 'inline-block')
            $('.curr').css('display', 'block')
        }

        // 插入DOM
        arr.forEach(function (item, index) {
            $('.goods-list').append(item)
        });
    });

    // 商品折扣排序
    $('.reductionSort').click(function () {
        $(this).siblings().removeClass('change-color');
        $(this).siblings().find('.sort').css('display', 'inline-block');
        $(this).addClass('change-color');
        var arr = [];
        $('.goods-list .goods-item').each(function () {
            arr.push($(this));
        });
        // sort
        var isupdown = $('.curr').is(':visible');
        if (isupdown) {
            arr.sort(function ($itemA, $itemB) {
                var priceA = $itemA.find('.per').text();
                var priceB = $itemB.find('.per').text();
                return priceA - priceB;
            });
            $(this).find('.pink-up').css('display', 'inline-block')
            $(this).find('.sort').css('display', 'none')
            $('.curr').css('display', 'none')
        } else {
            arr.sort(function ($itemA, $itemB) {
                var priceA = $itemA.find('.per').text();
                var priceB = $itemB.find('.per').text();
                return priceB - priceA;
            });
            $(this).find('.pink-up').css('display', 'none')
            $(this).find('.pink-down').css('display', 'inline-block')
            $('.curr').css('display', 'block')
        }
        // 插入DOM
        arr.forEach(function (item, index) {
            $('.goods-list').append(item)
        });
    });


    // 价格区间
    // 鼠标点击或失去焦点，出现或隐藏确定按钮
    $('.min-price').click(function () {
        $('.price-screen').addClass('screen-border');
        $('.confirm').css('display', 'inline-block')
    });
    $(document).click(function () {
        $('.price-screen').removeClass('screen-border');
        $('.confirm').css('display', 'none')
    });
    $(".price-screen").click(function (event) {
        event.stopPropagation();
    });
    $('.max-price').click(function () {
        $('.price-screen').addClass('screen-border');
        $('.confirm').css('display', 'inline-block')
    });

    // 筛选
    $('.confirmSort').click(function () {
        // 获取最小价格和最大价格的值
        var min = $('.min-price').val().trim();
        var max = $('.max-price').val().trim();
        $('.goods-list .goods-item').each(function () {
            // 将价格转为数字，进行比较
            var $price = parseFloat($(this).find('.num').text());
            // 符合条件--显示   不符合条件--隐藏
            if ($price >= min && $price <= max) {
                $(this).css('display', 'inline-block');
            } else {
                $(this).css('display', 'none');
            }
        });
    });
    console.log()
    // 点击综合取消排序
    $('.multiple').click(function () {
        $(this).siblings().removeClass('change-color');
        $(this).siblings().find('.sort').css('display', 'inline-block');
        $(this).addClass('change-color');
    })
		}
    })
</script>
</html>